<template>
  <div>
    <v-img v-if="status === 1" src="./img/蓝.png" style="width: 149px" />
    <v-img v-if="status === 2" src="./img/黄.png" style="width: 149px" />
    <span v-if="count" class="count" style="padding-right: 1px">{{
      count
    }}</span>
  </div>
</template>

<script>
/**
 * 校区概览蓝、黄圈组件
 * status 状态值 1 蓝色  2 黄色 默认 蓝色
 * count  数量 默认 2000
 */
export default {
  doc: {
    name: '球体组件'
  },
  props: {
    status: {
      type: Number,
      default: 1,
    },
    count: {
      type: Number,
      default: 2000,
    },
  },

  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.count {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  top: -110px;
  left: 35px;
}
</style>